﻿<%@ Page Title="" Language="C#" MasterPageFile="~/GalleryPage.master" AutoEventWireup="true"
    CodeFile="BoSuuTap.aspx.cs" Inherits="BoSuuTap" %>

<%@ Register Assembly="PagerControl" Namespace="CutePager" TagPrefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="Galleryhead1" runat="Server">
    <title>
        <asp:Literal ID="litTieuDe" runat="server"></asp:Literal>
        -
        <%= Common.title %>
    </title>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="GalleryContent1" runat="Server">
    <script type="text/javascript" src="../../Scripts/jquery.galleryDetail.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            //Thumbnailer.config.shaderOpacity = 1;
            var tn1 = $('.mygallery').tn3({
                skinDir: "skins",
                imageClick: "fullscreen",
                image: {
                    maxZoom: 1.5,
                    crop: true,
                    clickEvent: "dblclick",
                    transitions: [{
                        type: "blinds"
                    }, {
                        type: "grid"
                    }, {
                        type: "grid",
                        duration: 460,
                        easing: "easeInQuad",
                        gridX: 1,
                        gridY: 8,
                        // flat, diagonal, circle, random
                        sort: "random",
                        sortReverse: false,
                        diagonalStart: "bl",
                        // fade, scale
                        method: "scale",
                        partDuration: 360,
                        partEasing: "easeOutSine",
                        partDirection: "left"
                    }]
                }
            });
        });
    </script>
    <div id="gallery-wrapper">
        <!-- TOP -->
        <div id="gallery-top">
            <div id="icon-dua">
                <asp:Image ID="Image2" runat="server" ImageUrl="~/Images/dltn/caydua.png" />
            </div>
            <div id="text-time">
                <div id="text">
                    <asp:HyperLink ID="linkHome" runat="server" NavigateUrl="~/" CssClass="linkHome">TRANG CHỦ</asp:HyperLink>
                    » <asp:HyperLink CssClass="linkHome" runat="server" ID="linkGlr" NavigateUrl="~/Gallery.aspx">GALLERY </asp:HyperLink> »
                    <asp:Literal ID="ltrTieuDe" runat="server"></asp:Literal>
                </div>
                <div id="time">
                    <asp:Literal ID="lblNgayCapNhat" runat="server"></asp:Literal>
                </div>
            </div>
            <div id="link">
                <div class="icon">
                    <asp:Image ID="Image3" runat="server" ImageUrl="~/Images/dltn/twisterMini.png" /></div>
                <div class="icon">
                    <asp:Image ID="Image4" runat="server" ImageUrl="~/Images/dltn/facebookMini.png" /></div>
            </div>
        </div>
        <!-- END TOP -->
        <!-- CONTENT OF GALLERY DETAIL -->
        <div id="content">
            <div class="mygallery">
                <div class="tn3 album">
                    <ol>
                        <asp:DataList ID="dlHinhAnh" runat="server" RepeatColumns="12" RepeatDirection="Horizontal">
                            <ItemTemplate>
                                <li>
                                    <h4>
                                        <%# Eval("DienGiai") %></h4>
                                    <div class="tn3 description">
                                        Salzburg, Austria</div>
                                    <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl='<%# "~/Upload/HinhAnh/" + Eval("IdBoSuuTap") + "/Full/" + Eval("DienGiai") %>'>
                                        <asp:Image ID="Image5" runat="server" ImageUrl='<%# "~/Upload/HinhAnh/" + Eval("IdBoSuuTap") + "/Thumb/" + Eval("DienGiai") %>' />
                                    </asp:HyperLink>
                                </li>
                            </ItemTemplate>
                        </asp:DataList>
                    </ol>
                </div>
            </div>
        </div>
        <br />
        <%-- FB Like and Comment--%>
        <div class="fb-like" data-href="<%# Common.sPathUpLienKet+ HttpContext.Current.Request.Url.AbsolutePath.ToString()%>"
            data-width="630" data-show-faces="true" data-send="true">
        </div>
        <div class="fb-comments" data-href='<%# Common.sPathUpLienKet+ HttpContext.Current.Request.Url.AbsolutePath.ToString()%>'
            data-width="630" data-num-posts="10">
        </div>
        <!-- END CONTENT OF GALLERY DETAIL -->
        <!-- OTHER IMAGES -->
        <div id="others">
            <div id="others-top">
                <div id="others-top-img">
                    <asp:Image ID="Image1" runat="server" ImageUrl="~/Images/dltn/galleryIcon.png" /></div>
                <div id="others-top-text">
                    <p>
                        ALBUM ẢNH LIÊN QUAN</p>
                </div>
                <%--PHÂN TRANG--%>
                <div class="nav-head-tc" style="color: Maroon; font-weight: bold">
                    <cc1:Pager ID="Pager1" runat="server" PreviousClause="Lùi" NextClause="Tiếp" LastClause=""
                        FirstClause="" PageClause="<html><b>Trang </b></html>" ShowResultClause="Hiển thị từ"
                        ShowingResultClause="Đang hiển thị từ" BackToPageClause="Quay lại trang" OfClause=" /"
                        PageSize="4" OnCommand="Pager1_Command" ForeColor="#CC0000" Font-Bold="True" />
                </div>
            </div>
            <!-- END OTHERS TOP -->
            <asp:UpdatePanel ID="updatepanel1" runat="server">
                <ContentTemplate>
                    <!-- MAIN GALLERY -->
                    <div id="main-others-gallery">
                        <asp:DataList runat="server" ID="dlBoSuuTap" RepeatColumns="4" CellPadding="2" RepeatLayout="Flow">
                            <ItemTemplate>
                                <div class="gallery-others">
                                    <asp:HyperLink runat="server" ID="linkBst" NavigateUrl='<%# "~/" + "BoSuuTap/" + Eval("Id") + "/" + GetTieuDe(Eval("Ten")) + ".aspx" %>'>
                                    <asp:Image runat="server" Width="134" Height="107" ImageUrl='<%# "~/" + "Upload/HinhAnh/" + Eval("Id") + "/Thumb/" + GetDienGiai(Eval("Id")) %>'/>
                                    </asp:HyperLink>
                                    <div style="color: #bb0009; font-weight: bold; text-align: center; font-size: 10px;
                                        padding-right: 10px;">
                                        <asp:HyperLink runat="server" ID="HyperLink2" NavigateUrl='<%# "~/" + "BoSuuTap/" + Eval("Id") + "/" + GetTieuDe(Eval("Ten")) + ".aspx" %>'>
                                    <%# Eval("Ten").ToString().Length > 22 ? Eval("Ten").ToString().Substring(0, 22) + "..." : Eval("Ten")%>
                                        </asp:HyperLink>
                                    </div>
                                    <div style="font-size: 10px; text-align: justify; padding-left: 4px; padding-right: 4px;
                                        color: #666666">
                                        <%# Eval("DienGiai").ToString().Length > 45 ? Eval("DienGiai").ToString().Substring(0, 45) + "..." : Eval("DienGiai")%>
                                    </div>
                                </div>
                            </ItemTemplate>
                        </asp:DataList>
                    </div>
                </ContentTemplate>
            </asp:UpdatePanel>
        </div>
        <!-- END OTHERS -->
    </div>
</asp:Content>
